*
{
    padding: 0;
    margin : 0;
}
.Masking
{
    position: relative;
    height  : 100vh;
    width   : 100%;
    overflow: hidden;
    .VRHouseInfo
    {
        width           : 400px;
        height          : 70px;
        position        : absolute;
        z-index         : 99;
        bottom          : 10px;
        left            : 10px;
        border-radius   : 50px;
        background-color: rgba(0,0,0,0.3);
        display         : flex;
        justify-content : space-around;
        box-sizing      : border-box;
        padding         : 10px;
        align-items     : center ;
        color           : white;
        font-size       : 15px;
        font-weight     : lighter;
        user-select     : none;
        >div
        {
            transform: scale(80%);
        }
    }
    .VROptions
    {
        position       : absolute;
        bottom         : 10px;
        right          : 120px;
        width          : 300px;
        height         : 70px;
        z-index        : 99;
        display        : flex;
        // justify-content: space-around;
        align-items    : center;
        >button
        {
            margin-right: 5px;
        }
    }
    .SwitchRoom
    {
        width           : 100%;
        height          : 130px;
        position        : absolute;
        background-color: rgba(0,0,0,0.3);
        transition      : all .2s ease-out 0s;
        >ul
        {
            overflow-y     : hidden;
            overflow-x     : auto;
            width          : 100%;
            height         : 100%;
            display        : flex;
            justify-content: center;
            flex-wrap      : nowrap;
            align-items    : center;
            box-sizing     : border-box;
            padding        : 0 40px;
            >li
            {
                width       : 96px;
                height      : 96px;
                color       : white;
                text-align  : center;
                margin-right: 20px;
                user-select : none;
                position    : relative;
                >img{
                    width      : 100%;
                    height     : 100%;
                    border     : 3px solid white;
                    user-select: none;
                    &:hover{
                        border: 3px solid lightgrey;
                    }
                }
                >p{
                    width           : 100%;
                    margin          : 0;
                    text-align      : center;
                    position        : absolute;
                    bottom          : 0;
                    background-color: rgba(0,0,0,0.3);
                }
            }
        }
    }
}
.VRScene
{
    position: absolute;
    width   : 100%;
    height  : 100vh;
    overflow: hidden;
    cursor  : grab;
    &:active
    {
        cursor: grabbing;
    }
}
.VRLoadingFrame
{
    position       : absolute;
    z-index        : 999;
    width          : 100vw;
    height         : 100vh;
    display        : flex;
    justify-content: center;
    align-items    : center;
}
.QR_Code
{
    width : 200px;
    height: 200px;
}
